<nz-layout class="app-layout">
  <nz-sider nzCollapsible nzWidth="200px">
    <div class="logo">PL00 Editor</div>
    <ul nz-menu [nzSelectable]="false" nzTheme="dark" nzMode="inline">
      <li nz-menu-item (click)="isIntroductionVisible = true">
        <i nz-icon nzType="snippets"></i>
        <span>语法介绍</span>
        <nz-modal
          [(nzVisible)]="isIntroductionVisible"
          nzTitle="语法介绍"
          [nzCancelDisabled]="true"
          (nzOnOk)="isIntroductionVisible = false"
          (nzOnCancel)="isIntroductionVisible = false"
        >
          <span>该部分还未完成哟</span>
        </nz-modal>
      </li>
      <li nz-menu-item (click)="isSettingVisible = true">
        <i nz-icon nzType="setting"></i>
        <span>编辑器设置</span>
        <nz-modal
          [(nzVisible)]="isSettingVisible"
          nzTitle="设置"
          [nzCancelDisabled]="true"
          (nzOnOk)="isSettingVisible = false"
          (nzOnCancel)="isSettingVisible = false"
        >
          <span>自动运行次数限制</span>
          <nz-input-number
            [(ngModel)]="autoLoopRestriction"
            [nzMin]="0"
            [nzStep]="1"
          ></nz-input-number>
          <br />
          <span>手动运行次数限制</span>
          <nz-input-number
            [(ngModel)]="maxLoopRestriction"
            [nzMin]="1"
            [nzStep]="1"
          ></nz-input-number>
        </nz-modal>
      </li>
      <li nz-menu-item (click)="isModulesVisible = true">
        <i nz-icon nzType="folder"></i>
        <span>模块与例子</span>
        <nz-modal
          [(nzVisible)]="isModulesVisible"
          nzTitle="模块与例子"
          [nzCancelDisabled]="true"
          (nzOnOk)="isModulesVisible = false"
          (nzOnCancel)="isModulesVisible = false"
        >
          <span>该部分还未完成哟</span>
        </nz-modal>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header></nz-header>
    <nz-content>
      <div class="inner-content" style="height: 100%;">
        <app-pl00-editor-page></app-pl00-editor-page>
      </div>
    </nz-content>
    <nz-footer>xyqlx</nz-footer>
  </nz-layout>
</nz-layout>
